/*
Theme Name: Blue with Grey
Author URI: http://ugesi.de/
Theme URI:
Description: Details oriented theme with modern and decent design. Blue and grey are main colors used in the theme. Menu is widgetized.
Author: Ugesi
Version: 1.2
Tags: blue, white, light, two-columns, fixed-width, editor-style
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Reset browser styles
------------------------------------------ */
* {margin: 0; padding: 0;}
html {padding-bottom: 1px; overflow: scroll;}
body {background: #fff; color: #616161; font: 0.75em/1.5em Arial,Helvetica,sans-serif;}
[class] {list-style: none; padding: 0;}
h1, h2, h3, h4, h5, h6 {font-size: 1em;}
dt {font-weight: 700;}
table {border-collapse: collapse;}
img {border: none; vertical-align: middle;}
a, a:visited {color: #096aa2; text-decoration: none;}
a:hover {color: #83b200; text-decoration: underline;}
textarea, input, select, option, optgroup, button {font: 1em Arial,Helvetica,sans-serif;}
button, input[type="submit"], input[type="button"], input[type="reset"] {cursor: pointer;}
fieldset {overflow: hidden; border: none;}
legend {display: none;}


/* Custom fonts
------------------------------------------ */
@font-face {font-family: 'PTSans'; src: url('fonts/pts55f-webfont.eot'); src: url('fonts/pts55f-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pts55f-webfont.woff') format('woff'), url('fonts/pts55f-webfont.ttf') format('truetype'), url('fonts/pts55f-webfont.svg#PTSansRegular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'PTSansBold'; src: url('fonts/pts75f-webfont.eot'); src: url('fonts/pts75f-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/pts75f-webfont.woff') format('woff'), url('fonts/pts75f-webfont.ttf') format('truetype'), url('fonts/pts75f-webfont.svg#PTSansBold') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'PTSansNarrow'; src: url('fonts/ptn77f-webfont.eot'); src: url('fonts/ptn77f-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/ptn77f-webfont.woff') format('woff'), url('fonts/ptn77f-webfont.ttf') format('truetype'), url('fonts/ptn77f-webfont.svg#PTSansNarrowBold') format('svg'); font-weight: normal; font-style: normal;}

/* Global Styles
------------------------------------------ */
body {background: #d7e7f0 url("images/bg.png") top repeat-x;}
h1 {margin: 0 0 0.5em; padding: 0; color: #83b200; font: normal 2.5em PTSansNarrow,sans-serif; text-shadow: #ccc 0 0 2px;}
h2 {margin: 1em 0; font: normal 1.417em PTSansBold,sans-serif;}
h3 {margin: 1em 0; font: normal 1.333em PTSansBold,sans-serif;}
h4 {margin: 1em 0; color: #777; font: normal 1.25em PTSansBold,sans-serif;}
h1 a, h2 a, h3 a, h4 a {font-family: PTSansBold,sans-serif;}
blockquote {margin: 1.5em 0; padding: 10px 20px; border: 1px solid #d9d9d9; background: #f8f8f8; font-style: italic;}
sub, sup {line-height: 1em;}
ul li, ol li {margin: 5px 20px;}
dl {overflow: hidden; margin: 1em 0; }
dt {float: left; clear: left; width: 150px; margin: 0 0 1em; padding: 0; font-weight: bold;}
dd {width: 500px; margin: 0 0 1em 150px; }
p {margin: 1em 0;}
table {margin: 1em auto; border: 1px solid #d9d9d9;}
table th, table th[class] {padding: 5px 10px; border: 1px solid #d9d9d9; background: #eef4f8;}
table td, table td[class] {padding: 5px 10px; border: 1px solid #d9d9d9;}
table tr.alternate td {background: #f8f8f8;}

form, form[class] {margin: 1.5em 0; padding: 10px 20px;}
fieldset {border: none;}
label {float: left; clear: left; width: 140px; margin: 5px 0; padding: 3px 0; font-size: 0.917em; text-transform: uppercase;}
input, textarea, select {width: 140px; margin: 5px 0; padding: 3px 10px; border: 1px solid #b5d2e3; background: #f2f7fa url("images/input.png") top repeat-x; color: #616161;}
input[type="checkbox"], input[type="radio"] {width: auto; border: none;}
textarea {width: 95%; max-width: 95%; min-width: 95%; min-height: 100px; height: 100px;}
p.form-submit, p.form-allowed-tags {margin-left: 140px;}
button, input[type="submit"], button[type="submit"] {width: auto; height: 24px; padding: 0 10px; border: 1px solid #fff; background: #b62b2b url("images/button-bg.png") top repeat-x; color: #fff; font: normal 1.083em/24px PTSansBold,sans-serif; text-shadow: #6e1e1e 0 0 2px; cursor: pointer;}

/* Main Layout
------------------------------------------ */
.root {background: #fff; width: 960px; margin: 0 auto 30px; background: #fff; -moz-box-shadow: 0 0 10px #aaa; -webkit-box-shadow: 0 0 10px #aaa; box-shadow: 0 0 10px #aaa;}
.header {position: relative; z-index: 20; overflow: hidden; width: 960px; margin: 0 auto; padding-bottom: 20px; background: url("images/header.png") top repeat-x;}
.header p.tagline {float: left; clear: left; margin: 0 0 0 20px; color: #333; font: normal 0.923em PTSans,sans-serif; text-transform: uppercase; letter-spacing: 1px;}
.header p.logo {float: left; margin: 25px 0 0 20px;  font-size: 1.923em; line-height: 1em; }
.header p.logo a {color: #3f3f3f; font-family: PTSansNarrow,sans-serif; text-transform: uppercase;}
.header p.logo a:hover {color: #000; text-decoration: none;}
.header p.logo img {margin-right: 10px; vertical-align: top;}
.header form {float: right; width: 230px; height: 21px; margin: 25px 20px 0 0; padding: 5px; border: none; background: url("images/search-form.png") 0 0 no-repeat;}
.header form input {width: 186px; margin: 0; padding: 4px 10px; border: none; background: transparent; color: #9e9e9e; font-size: 0.917em; vertical-align: middle;}
.header form button {overflow: hidden; width: 22px; height: 20px; margin: 0; padding: 0; border: 1px solid #fff; border-left: none; background: url("images/search-button.png") center center no-repeat; text-indent: -500px; vertical-align: middle;}

.nav {width: 960px; margin: 0 auto; padding: 0 0 10px; background: url("images/nav-shadow.png") center bottom no-repeat;}
.nav>div {background: #69add4 url("images/nav-bg.png") bottom repeat-x;}

.nav ul.menu {list-style: none; width: 960px; min-height: 33px; margin: 0; padding: 0; }
.nav ul.menu>li {float: left; position: relative; z-index: 2;  overflow: hidden; height: 33px; margin: 0; padding: 0; }
.nav ul.menu>li:hover {overflow: visible; z-index: 50;}
.nav ul.menu>li>a {float: left; height: 33px; padding: 0 20px; border-right: 1px solid #5599bf; border-left: 1px solid #7ab6d8; background: url("images/mm-hover.png") 0 -50px repeat-x; color: #fff; font: normal 1.417em/33px PTSansNarrow,sans-serif; text-shadow: #26688e 0 0 2px;}
.nav ul.menu>li>a:hover, .nav ul.menu>li:hover>a, .nav ul.menu>li.current-menu-item>a, .nav ul.menu>li.current_page_item>a {height: 33px; background-position: 0 0; color: #c80000; text-decoration: none; text-shadow: none;}

.nav ul.menu ul {position: absolute; left: 0; top: 33px; z-index: 1; list-style: none; width: 200px; margin: 0; padding: 0; border: 1px solid #5da6cf; border-width: 1px 1px 0; }
.nav ul.menu ul li {position: relative; overflow: hidden; margin: 0; padding: 0;}
.nav ul.menu ul li:hover {overflow: visible;}
.nav ul.menu ul li a {display: block; padding: 5px 20px; border-bottom: 1px solid #5da6cf; background: #2085be; color: #fff; font-size: 1.25em; font-family: PTSansNarrow,sans-serif; text-shadow: #26688e 0 0 2px;}
.nav ul.menu ul li a:hover, .nav ul.menu ul li:hover>a {background: #c4deed; color: #c80000; text-decoration: none; text-shadow: none;}
.nav ul.menu ul ul {left: 200px; top: 0;}

.content {position: relative; z-index: 30; overflow: hidden; width: 962px; margin: 20px auto 40px;}
.content>h1 {margin-top: -70px; margin-bottom: 10px; }
.main {float: left; width: 593px; padding: 0 0 0 20px;}
.sidebar {float: right; width: 296px; padding: 0 20px 0 0;}

.footer {padding: 0 0 2px; border-bottom: 2px solid #c80000; background: #f0f0f0; text-align: center;}
.footer-nav {padding-bottom: 10px; background: #cbe3ef url("images/footer.png") center bottom repeat-x;}
.footer ul.menu {overflow: hidden; min-height: 32px; margin: 0;}
.footer ul.menu li {float: left; height: 32px; margin: 0; padding: 0; }
.footer ul.menu a {float: left; height: 32px; margin: 0; padding: 0 20px; background: url("images/mm-hover.png") 0 -50px repeat-x; color: #fff; font-size: 1.25em; font-family: PTSansNarrow,sans-serif; text-shadow: #26688e 0 0 2px; line-height: 32px;}
.footer ul.menu a:hover, .footer ul.menu li.current-menu-item a, .footer ul.menu li.current_page_item a {height: 32px; background-position: 0 0; color: #2085be; text-decoration: none; text-shadow: none;}
.footer p {overflow: hidden; margin: 0 20px; padding: 0; color: #939393; font-size: 0.917em; line-height: 33px; }
.footer p a {padding: 0 5px;}
.footer p span {padding-right: 15px; color: #616161;}

/* general
------------------------------------------ */
.content form.searchform input {width: 300px; margin: 0 -1px 0 0; padding: 4px 10px; vertical-align: top; }
.content form.searchform button {width: 22px; height: 23px; margin: 0 0 0 5px; padding: 0; border: 1px solid #ce2020; background: url("images/search-button.png") 0 0 no-repeat; vertical-align: middle;}

.main form {padding: 10px 15px; border: none;}
.main form span.required {padding-right: 0 10px; color: #c00; font-weight: bold; font-size: 1.333em;}
.main form label+span.required {float: left;}
.main form.searchform input {width: 300px;}
.main form input[type="submit"] {position: relative; top: 5px;}
.main label {float: none;}

/* sidebar
------------------------------------------ */
.widget {margin-bottom: 20px; padding: 0 20px 20px 20px; background: #fff url("images/box-bottom.png") bottom repeat-x; -webkit-box-shadow: 0 0 10px #aaa; box-shadow: 0 0 10px #aaa;}
.widget h3 {margin: 0 -20px 20px; padding: 0 20px; border-top: 2px solid #096aa2; border-bottom: 1px solid #5296bd; background: #e7e7e7 url("images/sidebox-header.png") top repeat-x; color: #b11b1b; font: normal 1.417em/30px PTSansNarrow,sans-serif; }
.widget select {width: 255px; margin: 5px 0;}
.widget ul {list-style: none; margin-top: -1px; padding: 0;}
.widget ul li {margin: 0; padding: 5px 0; border-top: 1px solid #c4d6e5; background-color: #fff; }
.widget ul li {padding-left: 15px; background: url("images/arrow1.gif") 0 10px no-repeat; }
.widget ul ul {margin: 5px 0 -5px;}
.widget ul ul li {background: url("images/arrow2.gif") 0 10px no-repeat; }
.widget ul ul ul li {background: url("images/arrow3.gif") 0 10px no-repeat; }
.widget ul li a:visited, .widget .tagcloud a:visited {color: #99c1d8;}
.widget ul>li.current-menu-item>a, .widget ul>li.current_page_item>a, .widget ul>li.current-cat>a {color: #1f597a; font-weight: bold;}

.sidebar form {margin: 15px 0 0; padding: 0; border: none; background: none; }
.sidebar form.searchform input {width: 205px;}

/* post styles
------------------------------------------ */
div.post, div.page {overflow: hidden; margin: 0 0 20px; padding: 0 20px 5px; border: 1px solid #e3e3e3; border-width: 0 1px; background: #fff url("images/box-bottom.png") bottom repeat-x; -webkit-box-shadow: 0 0 10px #c0c0c0; box-shadow: 0 0 10px #c0c0c0;}
h2.post-title, h1.post-title {margin: 0 -20px; padding: 0 20px; border-top: 2px solid #096aa2; border-bottom: 1px solid #5296bd; background: #d5e8f2 url("images/post-header.png") top repeat-x; color: #05456a; font: normal 1.417em/33px PTSansBold,sans-serif; text-shadow: none;}
div.post h2 a, div.page h2 a {color: #05456a; font-family: PTSansBold,sans-serif;}
div.post h2 a:hover, div.page h2 a:hover {color: #c80000; text-decoration: none;}
div.post.sticky h2 {border-top: 2px solid #83b200;}
p.post-meta {margin: 0 -20px; padding: 5px 20px 5px 15px; border-bottom: 1px solid #e2e2e2; background: #f0f0f0 url("images/postmeta.png") top repeat-x; font-size: 0.917em;}
p.post-meta span {padding: 3px 0 3px 30px; background: url("images/icons.png") no-repeat; color: #999; line-height: 20px;}
p.post-meta span.date {background-position: 5px 0;}
p.post-meta span.author {background-position: 5px -20px;}
p.post-meta span.cats {background-position: 5px -40px;}
p.post-meta span.comments {background-position: 5px -60px;}
p.post-meta a {color: #888;}
p.post-meta a:hover {color: #0069a0; text-decoration: none;}
p.tags {float: left; margin-right: 30px; color: #939393; font-size: 0.917em;}
p.tags span {padding: 3px 0 3px 25px; background: url("images/icons.png") 0 -80px no-repeat; color: #888;}
p.more {float: right;  font-size: 0.917em; }
p.more a {float: right; height: 20px; padding: 0 0 0 20px; background: url("images/icons.png") 0 -100px no-repeat; color: #1f6dae; font-family: PTSans, sans-serif; line-height: 20px; text-decoration: none; text-transform: uppercase; text-shadow: #f0f0f0 1px 1px 2px;}
p.more a:hover {color: #000;}
.post img.attachment-post-thumbnail {float: left; margin: 10px 10px 10px 0;}

/* comments
------------------------------------------ */
div.comments {clear: left; margin: 20px -20px 0; padding: 0 0 15px; border-top: 2px solid #c5d3dc; background: url("images/comments-header.png") 0 0 repeat-x;}
.comments h3 {height: 30px; margin-top: 0; padding-left: 50px; background-position: 20px center; background-repeat: no-repeat; color: #05456a; font: normal 1.25em/33px PTSansBold,sans-serif;}
.comments>h3 {background-image: url("images/icon-comments.png");}
.comments #respond h3 {clear: left; background-image: url("images/icon-comments-add.png");}
.commentlist {list-style: none; margin: 20px 0; padding: 0 20px;}
.commentlist li {overflow: hidden; margin: 20px 0; padding: 0 15px; background: #e9eef2 url("images/comment-bg.png") 0 0 no-repeat;}
.commentlist li.pingback {padding-top: 5px; background: #e9eef2;}
.commentlist li .children>li {border-top: 10px solid #fff;}
.commentlist li .avatar {float: left; margin: 0 10px 15px 28px; padding: 3px; border: 1px solid #cfdbe2; background: #fff;}
.commentlist li .comment-author, .commentlist li .comment-meta {color: #3f3f3f; font-size: 0.923em;}
.comment-meta {display: block; width: 450px;}
.commentlist li p {clear: left; margin: 0.5em 0; line-height: 1.3em;}
.comments p {margin-left: 15px; margin-right: 15px;}
.commentlist ul {clear: both;}
.reply {float: right; overflow: hidden; }
.reply a {float: right; height: 20px; margin-bottom: 10px; padding-left: 30px; background: url("images/icons.png") 5px -160px no-repeat;}
.commentlist li .comment-body ul {margin: 1em 0; list-style: disc;}
.commentlist li .comment-body ol {margin: 1em 0; list-style: decimal;}
.commentlist li .comment-body li {overflow: visible; margin: 0 0 0 20px; padding: 0; border: none; background: transparent;}
.comment-meta, .comment-author, .comment-author-vcard {display: inline; font-size: 0.917em; line-height: 1.5em;}
.comment-author cite {font-weight: bold; font-style: normal;}
#respond {clear: both; padding: 0 0 20px; border-top: 2px solid #b11b1b; background: url("images/comments-form-header.png") 0 0 repeat-x;}
#respond form, #respond form[class] {padding: 10px 15px;}
.commentlist li #respond {margin-left: 0; background: none;}
.commentlist li #respond form, .commentlist li #respond form[class] {margin: 0 0 -10px; padding: 10px 15px; background: #fff;}
#respond form label {float: left; clear: left;}
#respond form input {width: 250px;}
#respond form input[type="submit"] {width: auto;}
.comments form p {margin: 0;}
.comments form p.form-allowed-tags, .comments form p.form-submit, .comments form p.comment-notes {margin: 1em 0 1em 140px;}
.comments form p.comment-notes {margin-left: 0; }


/* misc
------------------------------------------ */
.main form.searchform input {width: 350px;}

.clear {height: 0; margin: 0; padding: 0; clear: both; float: none; overflow: hidden; border: none;}
.alignleft {float: left; margin: 5px 20px 5px 0; padding: 0; }
.alignright {float: right; margin: 5px 0 5px 20px; padding: 0; }
.aligncenter {display: block; margin: 1em auto; text-align: center;}
.wp-caption-text {margin: 0.5em 0 0; color: #777; font-size: 0.917em;}
.nocomments {clear: both;}
img.size-thumbnail {margin: 5px;}
a.post-edit-link {font-size: 0.5em;}
img {margin: 0; max-width: 550px; height: auto;}
embed {max-width: 550px;}
.wp-caption img, .wp-caption embed {max-width: 540px;}

.gallery {overflow: hidden; padding: 1.5em 0;}
.gallery dl {text-align: center;}
.gallery dl dt {float: none; width: auto;}
.gallery dl dd {clear: left; width: auto; margin: 0; text-align: center;}
.gallery a img, .gallery a img[class] {padding: 2px; border: 1px solid #d6e5ee !important; background: transparent;}
[id*="gallery"] img {padding: 2px; border: 1px solid #d6e5ee;}
.gallery a:hover img, .gallery a:hover img[class] {border-color: #014e8f !important;}

.wp-caption {max-width: 540px;}
.wp-caption, .gallery-caption {padding: 10px 5px 5px; border: 1px solid #d9d9d9; background: #f8f8f8; text-align: center;}

p.pagination {clear: both; overflow: hidden;}
p.pagination a {height: 21px; background: url("images/icons.png") no-repeat; font: normal 1.083em/21px "PTSansBold",sans-serif;}
p.pagination a:hover {color: #000; text-decoration: none;}
p.pagination .prev a {float: left; padding: 0 0 0 25px; background-position: 0 -140px;  }
p.pagination .next a {float: right; padding: 0 25px 0 0; background-position: 100% -120px;}
p.pages {clear: both;}

p label {display: inline; margin-bottom: 0;}
p.comment-form-comment label {display: block; float: left;}
.gallery-caption {position: static;}
.bypostauthor {position: static;}

.banner {position: relative; z-index: 1; margin-top: -16px; padding-bottom: 12px; background: url("../images/banner-border.png") bottom repeat-x;}
.banner>div {background: #7cab00; min-height: 100px; }
.banner img {display: block;}